<template>
	<el-dialog :visible.sync="options.showDialog" width="1000px" class="evalDialog">
		<h3 class="company-name">导入数据校验结果</h3>
		<div class="outer-content">
			<table class="table-content">
				<tr>
					<th>会员名称</th>
					<th>身份证号码</th>
					<th>项目名称</th>
					<th>收入金额</th>
					<th>收入月份</th>
					<th style="">结果</th>
				</tr>
				<template v-for="(item,index) in options.tableList" >
					<tr :key="index">
						<td>{{item.businessmanName}}</td>
						<td>{{item.identity}}</td>
						<td>{{item.projectName}}</td>
						<td>{{item.revenue}}</td>
						<td>{{item.incomeTime}}</td>
						<td :class="{'no-pass': !item.exit}">{{item.exit===true?'成功':'失败'}}</td>
					</tr>
				</template>
			</table>
		</div>
		<div class="footer-btn">
			<el-button type="primary" size="small" @click="$emit('screenData',options.tableList)">确认导入成功认证数据</el-button>
		</div>
	</el-dialog>
</template>

<script>
export default{
	props:{
		options: {
			require: true,
			type: Object
		}
	}
}
</script>

<style scoped="scoped">
.evalDialog{min-height: 900px;}
.evalDialog .company-name{line-height: 40px;font-size: 18px;letter-spacing: 2px;font-weight: bold;padding: 30px 0 0 0;text-align: center;}
.outer-content{height: 500px;overflow-y: scroll;margin: 20px;}
.table-content{border: 1px solid #000;margin: 20px auto;width: 900px;}
.table-content th,.table-content td{border-right: 1px solid #000;border-bottom: 1px solid #000;width: 24%;text-align: center;}
.table-content th:nth-child(4),.table-content td:nth-child(4),.table-content th:nth-child(5),.table-content td:nth-child(5){width: 11%;}
.no-pass{background-color: red;color: #fff;}
.footer-btn{padding: 20px 0;text-align: center;}
</style>
